.swap-list-page {
  padding-top: 0.6rem;
  box-sizing: border-box;
  padding-left: 0.16rem;
  padding-right: 0.16rem;
  .list-box {
    box-sizing: border-box;
    position: relative;
    backdrop-filter: blur(0.5rem);
    padding: .16rem;
    height: calc(100vh - 1rem);
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 0.08rem;
      padding: 0.02rem;
      background: linear-gradient(
        180deg,
        rgba(244, 232, 182, 1),
        rgba(244, 232, 182, 0.15)
      );
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask-composite: xor;
      -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      z-index: -1;
    }
    .item-header-box {
      display: flex;
      align-items: center;
      .box-item {
        font-weight: 500;
        font-size: 0.12rem;
        color: rgba(255, 255, 255, 0.65);
        flex: 1;
      }
    }
    .box-item-right {
      text-align: right;
    }
    .box-info-item {
      display: flex;
      align-items: center;
      padding: 0.16rem 0;
      border-bottom: 0.01rem dashed rgba(255, 255, 255, 0.1);
      .box-item {
        font-weight: 500;
        font-size: 0.12rem;
        color: #fff;
        flex: 1;
      }
    }
  }
}
